{
    "detail": {
        "width": 1692.39,
        "height": 710,
        "query": "function(){\n    return window.$glob.params || {}\n}",
        "header": "function(){\n     window\n    .$loadScript(\n      \"js\",\n      \"https://cdn.staticfile.org/blueimp-md5/2.12.0/js/md5.min.js\"\n    )\n    .then(() => {\n\nwindow.$glob.params.signMd5=11\n\n\n    });\n    return window.$glob.params || {\n    \n    }\n}",
        "screen": "x",
        "mark": {
            "show": false,
            "text": "",
            "fontSize": 20,
            "color": "rgba(100,100,100,0.2)",
            "degree": -20
        },
        "scale": 1,
        "backgroundImage": "/img/bg/bg.png",
        "url": "",
        "gradeShow": false,
        "gradeLen": 30,
        "name": "表格模板"
    },
    "component": [
        {
            "name": "应急物资",
            "title": "自定义Vue组件",
            "icon": "icon-bar",
            "img": "img/assets/text4.png",
            "dataType": 1,
            "data": {
                "name": "avue"
            },
            "dataFormatter": "(data,params,refs)=>{\n    return {\n        total:data.data.total_count\n    }\n}",
            "dataHeader": "(data)=>{\n    return {Sign:'bearer1:628d2f39129dc8c494638f953aff39bd'}\n}",
            "dataQuery": "(data)=>{\n    return {\"check_tpl_id\":\"616d2c10e7bd794644627ed2\",\"orders\":[{\"key\":\"created_at\",\"value\":\"desc\"}],\"is_page\":1,\"project_id\":\"${project_id}\",\"page\":1,\"page_size\":4,\"timeStamp\":1718606188214,\"randomNum\":\"98892\"}\n}",
            "stylesFormatter": "",
            "component": {
                "width": 1388.24,
                "height": 61.79,
                "name": "vue",
                "prop": "vue",
                "perspective": 0,
                "scale": 0,
                "opacity": 0,
                "rotateX": 0,
                "rotateY": 0,
                "rotateZ": 0
            },
            "option": {
                "content": "<template>\n  <div>\n    <el-pagination\n      size=\"medium\"\n      @current-change=\"currentChange\"\n      style=\"margin-top: 20px; text-align: center\"\n      :page-size=\"pageSize\"\n      :pager-count=\"7\"\n      :current-page=\"page\"\n      layout=\"prev, pager, next\"\n      :total=\"total\"\n    >\n    </el-pagination>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      pageSize: 4,\n      total: 0,\n      page: 1,\n    };\n  },\n  watch: {\n    dataChart: {\n      handler(val) {\n        this.total = val?.total || 0;\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  methods: {\n    currentChange(value) {\n      this.$emit(\"click\", { value: value });\n    },\n  },\n};\n</script>\n<style>\n</style>"
            },
            "left": 133.55,
            "top": 599.05,
            "index": "c2e240e3-d05a-4ab6-a2e5-2654c07aacb5",
            "child": {
                "index": [
                    "ea244e71-3d7a-4fe1-8e53-b6aaf4b95a33"
                ],
                "paramList": [],
                "paramName": "page"
            },
            "zIndex": 1,
            "lock": false,
            "display": false,
            "dataMethod": "post",
            "url": "https://console-api.hibuilding.cn/plat/web/v1/common_check/check_tpl/first_form_list",
            "proxy": true
        },
        {
            "name": "应急物资表格",
            "title": "自定义Vue组件",
            "icon": "icon-bar",
            "img": "img/assets/text4.png",
            "dataType": 1,
            "data": {
                "name": "avue"
            },
            "dataFormatter": "(data,params,refs)=>{\n    return {value:data.data.list}\n}",
            "dataHeader": "(data) => {\n      return { Sign: \"bearer1:\" + '5c5eac2902730aa696ab3b5ca288dee4' };\n};\n",
            "dataQuery": "(data)=>{\n    return {\"check_tpl_id\":\"616d2c10e7bd794644627ed2\",\"orders\":[{\"key\":\"created_at\",\"value\":\"desc\"}],\"is_page\":1,\"project_id\":\"${project_id}\",\"page\":1,\"page_size\":4,\"timeStamp\":100000,\"randomNum\":100000}\n}",
            "stylesFormatter": "",
            "component": {
                "width": 1692.39,
                "height": 612.27,
                "name": "vue",
                "prop": "vue",
                "perspective": 0,
                "scale": 0,
                "opacity": 0,
                "rotateX": 0,
                "rotateY": 0,
                "rotateZ": 0
            },
            "option": {
                "content": "<template>\n  <div id=\"app\">\n    <el-table\n      :data=\"tableData\"\n      style=\"width: 100%; height: 620px\"\n      size=\"medium\"\n    >\n         <el-table-column prop=\"yjwzmc\" label=\"物资名称\" show-overflow-tooltip>\n      </el-table-column>   \n             <el-table-column prop=\"sl\" label=\"数量\" show-overflow-tooltip>\n      </el-table-column>   \n                   <el-table-column prop=\"sldw\" label=\"单位\" show-overflow-tooltip>\n      </el-table-column>   \n                      <el-table-column prop=\"ck\" label=\"仓库\" show-overflow-tooltip>\n                            </el-table-column>   \n <el-table-column prop=\"zp\" label=\"照片\" show-overflow-tooltip>\n      <template slot-scope=\"scope\">\n          <el-image\n            style=\"width: 100px; height: 100px\"\n            :src=\"scope.row.zp\"\n            :preview-src-list=\"[scope.row.zp]\"\n            fit=\"cover\"\n          ></el-image>\n        </template>\n      </el-table-column>\n\n      <el-table-column prop=\"\" label=\"操作\">\n        <template slot-scope=\"scope\">\n          <span style=\"color: #409eff\" @click=\"handleView(scope.row)\"\n            >查看</span\n          >\n        </template>\n      </el-table-column>\n    </el-table>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {\n      tableData: [],\n      refs:''\n    };\n  },\n  watch: {\n    dataChart: {\n      handler(val) {\n        const list = [];\n        val.value.forEach((item) => {\n          console.log(item);\n          let obj = {};\n          for (let i = 0; i < item.length; i++) {\n            if (item[i].field == \"xczp\" && item[i].field_value) {\n              obj[item[i].field] = item[i].field_value.split(\",\")[0];\n            } else {\n              obj[item[i].field] = item[i].field_value;\n            }\n          }\n          list.push(obj);\n        });\n        this.tableData = list;\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  mounted(){\n\n    this.refs=this.$parent.getItemRefs();\n    console.log(this.refs['c2e240e3-d05a-4ab6-a2e5-2654c07aacb5'].$refs,'$refs.main2654c07aacb5');\n    console.log(this.refs['c2e240e3-d05a-4ab6-a2e5-2654c07aacb5'].$refs.main,'$refs.main2654c07aacb5');\n  this.$nextTick(()=>{\n  this.refs['c2e240e3-d05a-4ab6-a2e5-2654c07aacb5'].$refs.main.currentChange(1)\n   })\n  },\n  methods: {\n    handleView(item) {\n       this.$emit('click', { value: item.check_record_id })\n      this.refs['96539d61-396c-4c92-8a0d-ac67a94180e6'].setDisplay(false)\n      this.refs['18d2c791-68fc-49e1-9c6e-76ae94750727'].setDisplay(true)\n    },\n  },\n};\n</script>\n\n<style>\n#app {\n  background-color: rgb(22, 17, 90, 0.5);\n}\n.el-table {\n  font-size: 20px !important;\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-pagination {\n  color: #fff !important;\n}\n.el-pager li.btn-quicknext {\n  color: #fff !important;\n}\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  background: transparent !important;\n}\n.el-pager li {\n  background: transparent !important;\n}\n.el-table th {\n  background: rgb(22, 17, 90, 0.5) !important;\n  color: #fefefe;\n  border-bottom: none !important;\n}\n.el-table tr {\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-table--enable-row-transition .el-table__body td,\n.el-table .cell {\n  color: #fff;\n}\n\n.el-table--enable-row-hover .el-table__body tr:hover > td {\n  background: rgb(22, 17, 90, 0.5) !important;\n}\n</style>\n"
            },
            "left": -9.12,
            "top": -22.44,
            "index": "ea244e71-3d7a-4fe1-8e53-b6aaf4b95a33",
            "child": {
                "index": [
                    "153340d5-7603-4819-9aff-2a49e32cdb60"
                ],
                "paramList": [],
                "paramName": "check_record_id"
            },
            "zIndex": 0,
            "lock": false,
            "display": false,
            "dataMethod": "post",
            "url": "https://console-api.hibuilding.cn/plat/web/v1/common_check/check_tpl/first_form_list",
            "proxy": true
        }
    ]
}